/* eslint-disable */
<template>
  <div class="DetectionInfo-container">
    <div class="DetectionInfo-title">市场自检查询</div>
    <div class="searchselect">
      <!-- <market/> -->
      <el-form ref="form" :model="form" label-width="88px" size="mini">
        <el-form-item label="查询" style="color:#444">
          <el-input
            v-model="form.searchName"
            style="width: 40%;margin-right:10px"
            placeholder="请输入内容"
            clearable
          ></el-input>可输入市场名称、菜品名称进行查询
        </el-form-item>

        <el-form-item label="行政区域" style="width:100%">
          <el-radio-group v-model="radio1" @change="onRadioChange1">
            <el-radio-button
              v-for="item in arealist"
              :key="item.name"
              :label="item.value"
            >{{item.lable}}</el-radio-button>
          </el-radio-group>
        </el-form-item>

        <el-form-item label="检测结果" style="width:100%">
          <el-radio-group v-model="radio2" @change="onRadioChange2">
            <el-radio-button
              v-for="item in checkResult"
              :key="item.name"
              :label="item.value"
            >{{item.lable}}</el-radio-button>
          </el-radio-group>
        </el-form-item>

        <el-form-item label="检测品类" style="width:100%">
          <el-radio-group v-model="radio3" @change="onRadioChange3">
            <el-radio-button
              v-for="item in Typelist"
              :key="item.name"
              :label="item.value"
            >{{item.lable}}</el-radio-button>
          </el-radio-group>
        </el-form-item>

        <dateselect />
      </el-form>
    </div>

    <div class="form">
      <el-table :data="tableData" border style="width: 100%">
        <el-table-column prop="name" label="市场名称"></el-table-column>
        <el-table-column prop="cnt" label="菜单名称"></el-table-column>
        <el-table-column prop="dubRemovalCnt" label="商户名称"></el-table-column>
        <el-table-column prop="dubRemovalCnt" label="摊位号"></el-table-column>
        <el-table-column prop="dubRemovalCnt" label="检测项目"></el-table-column>
        <el-table-column prop="dubRemovalCnt" label="检测值"></el-table-column>
        <el-table-column prop="dubRemovalCnt" label="检测结果"></el-table-column>
        <el-table-column prop="dubRemovalCnt" label="检测时间"></el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
/* eslint-disable */
import dateselect from "@/views/modules/dateselect";

export default {
  name: "selfcheck",
  components: {
    dateselect
  },
  data() {
    return {
      tableData: [],
      form: {
        searchName: "" //	string	false	市场名称、法人、联系电话
      },
      arealist: {},
      searchform: {},
      checkResult: [],
      Typelist: [],
      radio1: 320101,
      radio2: 0,
      radio3: -1
    };
  },
  created() {},
  mounted() {
    this.arealist = JSON.parse(sessionStorage.getItem("arealist"));
    this.checkResult = JSON.parse(sessionStorage.getItem("checkResult"));
    this.Typelist = JSON.parse(sessionStorage.getItem("Typelist"));
    // console.log(this.arealist,this.checkResult,this.Typelist)
  },
  methods: {
    onRadioChange1(val) {
      console.log(val);
      // this.form.areaCode = val;
    },
    onRadioChange2(val) {
      console.log(val);
      // this.form.area = val;
    },
    onRadioChange3(val) {
      console.log(val);
      // this.form.stallScale = val;
    }
  }
};
</script>

<style lang="scss" scoped>
.DetectionInfo {
  &-container {
    margin: 20px;
  }
  &-title {
    font-size: 18px;
    line-height: 46px;
    background: white;
    margin-bottom: 15px;
    padding-left: 15px;
  }
  &-body {
    margin-bottom: 20px;
  }
  &-select {
    font-size: 14px;
  }
}
.searchselect {
  background: #ffffff;
  margin-bottom: 15px;
  padding: 10px;
  padding-bottom: 7px;
}
::v-deep .el-table th {
  background: #e5e5e5;
  border: #ccc;
}
::v-deep .el-table .cell {
  text-align: center;
}
::v-deep .el-radio-button__inner,
::v-deep .el-radio-button:last-child .el-radio-button__inner {
  border: none;
  border-radius: 0px;
}
::v-deep .el-radio-button:first-child .el-radio-button__inner {
  border: none;
  border-radius: 0px;
}
.searchselect ::v-deep .el-radio-button {
  margin-right: 15px;
}
::v-deep .el-radio-button--mini .el-radio-button__inner {
  font-size: 13px;
  font-weight: 400;
  // color: #444;
}
::v-deep .el-radio-button__inner {
  color: #444;
}
</style>